<!doctype html>
<html lang="zh-CN">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.0.0/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="assets/css/style.css">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,600,700&display=swap" rel="stylesheet">
    <link href="https://cdn.bootcss.com/ionicons/4.5.2-0/css/ionicons.min.css" rel="stylesheet">
    <script type="module" src="https://cdn.bootcss.com/ionicons/5.0.0/ionicons/ionicons.esm.js"></script>
    <script nomodule="" src="https://cdn.bootcss.com/ionicons/5.0.0/ionicons/ionicons.js"></script>
    <title>yanjisheng的个人网站</title>
</head>

<body>
    <nav class="navbar navbar-expand-lg fixed-top bg-primary">
        <div class="container">
            <a class="navbar-brand" href="#"><img src="assets/images/logo-light.svg" class="logo"></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <i class="icon ion-md-menu text-light"></i>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav ml-auto">
                    <li class="nav-item mx-4">
                        <a class="nav-link" href="#">主页</a>
                    </li>
                    <li class="nav-item mx-4">
                        <a class="nav-link" href="#resume">个人简历</a>
                    </li>
                    <li class="nav-item mx-4">
                        <a class="nav-link" href="#projects">项目经验</a>
                    </li>
                    <li class="nav-item mx-4">
                        <a class="nav-link" href="#skills">技能</a>
                    </li>
                    <li class="nav-item mx-4">
                        <a class="nav-link" href="#">文章</a>
                    </li>
                    <li class="nav-item mx-4">
                        <a class="nav-link font-weight-bold" href="#contact">与我联系<i
                                class="icon ion-md-arrow-forward align-middle ml-2"></i></a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

    <section id="hero" class="bg-primary">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 col-sm-7 d-flex mt-5">
                    <div class="align-self-center">
                        <h1 class="display-4 text-light">燕计湦</h1>
                        <p class="lead text-light mt-4">Yan Jisheng</p>
                        <p class="lead text-light mt-4">Java+全栈工程师</p>
                        <p class="lead text-light mt-4">2017年5月开始从事软件行业</p>
                        <div class="d-flex mt-4">
                            <p class="text-light align-self-center font-weight-bold mb-0">关注：</p>
                            <ul class="list-inline align-self-center text-light ml-4 mb-0">
                                <!--<li class="list-inline-item ml-3"><a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=1104935691"><i class="icon"><ion-icon src="assets/images/qq.svg"></ion-icon></i></a>
                                </li>
                                <li class="list-inline-item ml-3"><a href="#"><i class="icon"><ion-icon src="assets/images/wechat.svg"></ion-icon></i></a>
                                </li>-->
                                <li class="list-inline-item ml-3"><a href="https://weibo.com/u/5090275397" target="_blank"><i class="icon"><ion-icon src="assets/images/weibo.svg"></ion-icon></i></a>
                                </li>
                                <li class="list-inline-item ml-3"><a href="https://space.bilibili.com/31719231" target="_blank"><i class="icon"><ion-icon src="assets/images/CN_bilibili.svg"></ion-icon></i></a>
                                </li>
                                <li class="list-inline-item ml-3"><a href="https://www.zhihu.com/people/yanjisheng" target="_blank"><i class="icon"><ion-icon src="assets/images/zhihu-circle.svg"></ion-icon></i></a>
                                </li>
                                <li class="list-inline-item ml-3"><a href="https://gitee.com/yanjisheng" target="_blank"><i class="icon"><ion-icon src="assets/images/gitee.svg"></ion-icon></i></a>
                                </li>
                                <li class="list-inline-item ml-3"><a href="https://github.com/yanjisheng" target="_blank"><i class="icon ion-logo-github"></i></a>
                                </li>
                            </ul>
                        </div>
                        <a href="#contact" class="btn btn-secondary mt-5">与我联系<i
                                class="icon ion-md-arrow-forward align-middle ml-3"></i></a>
                    </div>
                </div>
                <div class="col-lg-5 offset-lg-1 col-sm-5 d-flex mt-5">
                    <div class="align-self-center text-center mx-auto">
                        <img src="img/002.jpg" class="img-fluid main-photo">
                    </div>
                </div>
            </div>

        </div>
    </section>

    <section id="resume">
        <div class="container">
            <div class="heading-title">
                <h2>个人简历</h2>
                <p class="lead mt-3">教育经历</p>
                <p class="lead mt-3">2011年8月至2015年7月，就读于哈尔滨工业大学材料科学与工程专业。</p>
            </div>
            <p class="lead mt-3">主要工作经历</p>
            <div class="row col-md-6" style="display: inline-block">
                <div class="col-md-12">
                    <a href="img/yidao.jpg" class="mt-3">
                        <img src="img/yidao.jpg" class="img-fluid rounded">
                    </a>
                    <h5 class="mt-3"><span class="active">2015.10 - 2017.05</span> - 广州一道注塑机械股份有限公司</h5>
                    <p class="mt-2">从事科技项目、高新技术企业、专利和商标的申报工作。</p>
                </div>
                <div class="col-md-12">
                    <a href="img/haonai.png" class="mt-3">
                        <img src="img/haonai.png" class="img-fluid rounded">
                    </a>
                    <h5 class="mt-3"><span class="active">2018.11 - 2019.02</span> - 上海好耐电子科技有限公司</h5>
                    <p class="mt-2">从事JAVA工程的开发工作。</p>
                </div>
            </div>
            <div class="row col-md-6" style="display: inline-block">
                <div class="col-md-12">
                    <a href="img/daotian2.jpg" class="mt-3">
                        <img src="img/daotian2.jpg" class="img-fluid rounded">
                    </a>
                    <h5 class="mt-3"><span class="active">2017.10 - 2018.08</span> - 沈阳稻田科技有限公司</h5>
                    <p class="mt-2">从事JAVA工程的开发工作。</p>
                </div>
                <div class="col-md-12">
                    <a href="img/randian.jpg" class="mt-3">
                        <img src="img/randian.jpg" class="img-fluid rounded">
                    </a>
                    <h5 class="mt-3"><span class="active">2019.05 - 2020.01</span> - 江西燃点智能科技有限公司</h5>
                    <p class="mt-2">从事JAVA工程的开发工作。</p>
                </div>
            </div>
        </div>
    </section>

    <section id="projects" class="bg-grey">
        <div class="container">
            <div class="heading-title">
                <h2>项目经验</h2>
                <p class="lead mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea consequuntur, odit
                    veniam mollitia aliquam reiciendis dignissimos, vitae sapiente neque, cum dolorum.</p>
            </div>
            <div class="row mt-5">
                <div class="col-lg-4 col-sm-12">
                    <div class="card my-3 p-4">
                        <img src="assets/images/logo-1.svg" class="logo-company">
                        <p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea consequuntur,
                            odit veniam mollitia aliquam reiciendis dignissimos, vitae sapiente neque, cum dolorum.</p>
                        <div class="d-flex mt-3">
                            <div class="user align-self-center mr-3">
                                <img src="assets/images/person-01.jpg" class="img-fluid profile-img">
                            </div>
                            <div class="user-info align-self-center">
                                <h6 class="mb-0">Richard A. Hair</h6>
                                <small>CEO, Partner, Acme</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12">
                    <div class="card my-3 p-4">
                        <img src="assets/images/logo-2.svg" class="logo-company">
                        <p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea consequuntur,
                            odit veniam mollitia aliquam reiciendis dignissimos, vitae sapiente neque, cum dolorum.</p>
                        <div class="d-flex mt-3">
                            <div class="user align-self-center mr-3">
                                <img src="assets/images/person-02.jpg" class="img-fluid profile-img">
                            </div>
                            <div class="user-info align-self-center">
                                <h6 class="mb-0">Michelle B. Rowe</h6>
                                <small>CEO, Partner, Acme</small>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12">
                    <div class="card my-3 p-4">
                        <img src="assets/images/logo-1.svg" class="logo-company">
                        <p class="mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea consequuntur,
                            odit veniam mollitia aliquam reiciendis dignissimos, vitae sapiente neque, cum dolorum.</p>
                        <div class="d-flex mt-3">
                            <div class="user align-self-center mr-3">
                                <img src="assets/images/person-03.jpg" class="img-fluid profile-img">
                            </div>
                            <div class="user-info align-self-center">
                                <h6 class="mb-0">Veronica D. Martin</h6>
                                <small>CEO, Partner, Acme</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section id="skills">
        <div class="container">
            <div class="heading-title">
                <h2>技能</h2>
                <p class="lead mt-3">以下为我掌握的技能列表，星星数表示熟练程度。</p>
            </div>
            <div class="row mt-5">
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Java</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-half"></i></h4>
                            <p class="text-left">由Sun公司开发的基于JVM的面向对象的编程语言。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>C</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">面向过程的编程语言，常用于系统开发。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>MySQL</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">由Sun公司开发的关系型数据库。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Spring</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">Java常用的管理bean容器的框架。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>MyBatis</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">Java数据层框架。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>SpringCloud</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">Java分布式系统常用的框架。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Redis</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-half"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">常用作缓存的内存数据库。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>JavaScript</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-half"></i></h4>
                            <p class="text-left">由Netscape开发的前端编程语言。<br>
                            （HTML和CSS我不想单独列出来了）</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>JQuery</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-half"></i></h4>
                            <p class="text-left">经典的前端DOM框架。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Vue</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">流行的前端视图层框架。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Linux</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">开源操作系统，是服务器常用的操作系统。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Ubuntu</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-half"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">流行的Linux发行版。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Eclipse</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-half"></i></h4>
                            <p class="text-left">可用于开发Java、HTML、JavaScript、C等多种语言的IDE。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>SVN</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">集中式版本控制系统。</p>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Git</h4>
                            <h4><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star"></i><i class="icon ion-md-star-outline"></i></h4>
                            <p class="text-left">开源的分布式版本控制系统。</p>
                        </div>
                    </div>
                </div>
                <!--<div class="col-lg-4 col-sm-4">
                    <div class="card bg-primary text-light my-3">
                        <div class="card-body pricing-card p-5 text-center">
                            <h4>Enterprise</h4>
                            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea consequuntur, odit
                                veniam mollitia aliquam reiciendis.</p>
                            <span class="display-3">$229</span>
                            <small class="text-muted font-weight-bold text-uppercase d-block">Per Month</small>
                            <small class="text-uppercase font-weight-bold">Save $229 / year</small>
                        </div>
                        <div class="card-footer pricing-card p-4 text-center">
                            <a href="#" class="btn btn-secondary mt-3">Buy now<i
                                    class="icon ion-md-arrow-forward align-middle ml-3"></i></a>
                            <small class="d-block font-weight-bold text-muted mt-2">Start a 7 day trial</small>
                        </div>
                    </div>
                </div>-->
            </div>
        </div>
    </section>
    <div class="tlinks">Collect from <a href="http://www.cssmoban.com/"  title="网站模板">网站模板</a></div>

    <section class="bg-grey">
        <div class="container">
            <div class="heading-title">
                <h2>Recommended articles to inspire you</h2>
                <p class="lead mt-3">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea consequuntur, odit
                    veniam mollitia aliquam reiciendis dignissimos, vitae sapiente neque, cum dolorum.</p>
            </div>
            <div class="row mt-5">
                <div class="col-lg-4 col-sm-12">
                    <div class="card my-3">
                        <a href="#">
                            <img class="card-img-top" src="assets/images/blog-01.jpg" alt="Card image cap">
                            <div class="card-body p-4">
                                <h5 class="card-title"><span class="active">Case Study</span> - A quick guide to
                                    choosing a color palette</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea
                                    consequuntur, odit veniam mollitia aliquam reiciendis.</p>
                                <div class="d-flex mt-3">
                                    <div class="user align-self-center mr-3">
                                        <img src="assets/images/person-01.jpg" class="img-fluid profile-img">
                                    </div>
                                    <div class="user-info align-self-center">
                                        <h6 class="mb-0">Richard A. Hair</h6>
                                        <small>Sept 10, 2019</small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12">
                    <div class="card my-3">
                        <a href="#">
                            <img class="card-img-top" src="assets/images/blog-02.jpg" alt="Card image cap">
                            <div class="card-body p-4">
                                <h5 class="card-title"><span class="active">Case Study</span> - Choosing the right
                                    projects for your UX portfolio</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea
                                    consequuntur, odit veniam mollitia aliquam reiciendis.</p>
                                <div class="d-flex mt-3">
                                    <div class="user align-self-center mr-3">
                                        <img src="assets/images/person-02.jpg" class="img-fluid profile-img">
                                    </div>
                                    <div class="user-info align-self-center">
                                        <h6 class="mb-0">Michelle B. Rowe</h6>
                                        <small>Oct 10, 2019</small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-12">

                    <div class="card my-3">
                        <a href="#">
                            <img class="card-img-top" src="assets/images/blog-03.jpg" alt="Card image cap">
                            <div class="card-body p-4">
                                <h5 class="card-title"><span class="active">Case Study</span> - 7 one-page websites to
                                    inspire your own</h5>
                                <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea
                                    consequuntur, odit veniam mollitia aliquam reiciendis.</p>
                                <div class="d-flex mt-3">
                                    <div class="user align-self-center mr-3">
                                        <img src="assets/images/person-03.jpg" class="img-fluid profile-img">
                                    </div>
                                    <div class="user-info align-self-center">
                                        <h6 class="mb-0">Veronica D. Martin</h6>
                                        <small>Nov 10, 2019</small>
                                    </div>
                                </div>
                            </div>
                        </a>
                    </div>

                </div>
            </div>
        </div>
    </section>

    <section id="contact">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-sm-12">
                    <h2 class="mt-5">与我联系</h2>
                    <p class="lead"></p>

                    <h5 class="mt-5">联系方式</h5>
                    <ul class="list-unstyled">
                        <li><span class="font-weight-bold">Email:</span> 1104935691@qq.com</li>
                        <li class="mt-2"><span class="font-weight-bold">Phone:</span> +86 15607021187</li>
                    </ul>

                    <h5 class="mt-4">地址</h5>
                    <p><span class="font-weight-bold">Office:</span> Av. Paseo de la Reforma 296, Juárez, 06600 Ciudad
                        de México, CDMX</p>
                </div>
                <!--<div class="col-lg-7 col-sm-8">
                    <div class="card contact-form p-5">
                        <h4>I’ll get back to you as soon as possible.</h4>
                        <p>Complete the following form and a I'll call you as
                            soon
                            as possible.</p>
                        <form class="mt-4">
                            <div class="row">
                                <div class="col my-3">
                                    <label>First name*</label>
                                    <input type="text" class="form-control rounded-0" placeholder="First name">
                                </div>
                                <div class="col my-3">
                                    <label>Last name*</label>
                                    <input type="text" class="form-control rounded-0" placeholder="Last name">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col my-3">
                                    <label>Email</label>
                                    <input type="text" class="form-control rounded-0" placeholder="Email">
                                </div>
                                <div class="col my-3">
                                    <label>Phone number</label>
                                    <input type="text" class="form-control rounded-0" placeholder="Phone number">
                                </div>
                            </div>
                            <div class="row">
                                <div class="col my-3">
                                    <label>Message</label>
                                    <textarea class="form-control" id="" rows="3"></textarea>
                                </div>
                            </div>
                            <a href="#" class="btn btn-primary mt-3">Send Message <i
                                    class="icon ion-md-arrow-forward align-middle ml-3"></i></a>
                        </form>
                    </div>
                </div>-->
            </div>
        </div>
    </section>

    <footer class="bg-primary">
        <div class="container">
            <!--<div class="row mt-5">
                <div class="col-md-3">
                    <h6 class="text-uppercase">Services</h6>
                    <ul class="list-unstyled">
                        <li><a href="#">Web design</a></li>
                        <li><a href="#">Web development</a></li>
                        <li><a href="#">Mobile apps</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h6 class="text-uppercase">Information</h6>
                    <ul class="list-unstyled">
                        <li><a href="#">About me</a></li>
                        <li><a href="#">Portfolio</a></li>
                        <li><a href="#">Previous jobs</a></li>
                    </ul>
                </div>
                <div class="col-md-3">
                    <h6 class="text-uppercase">Resources</h6>
                    <ul class="list-unstyled">
                        <li><a href="#">Free tutorials</a></li>
                        <li><a href="#">PSD templates</a></li>
                        <li><a href="#">Bootstrap templates</a></li>
                    </ul>
                </div>
                <div class="col-md-3 float-lg-right">
                    <img src="assets/images/logo-light.svg" class="logo">
                    <p class="mt-4">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui ea consequuntur, odit veniam.</p>
                </div>
            </div>-->

            <div class="row mt-5">
                <div class="col-md-4">
                    <p>Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>
                </div>
                <div class="col-md-4 text-center">
                    <p>© 2020 yanjisheng.</p>
                </div>
                <div class="col-md-4">
                    <!--<ul class="list-inline text-center float-lg-right">
                        <li class="list-inline-item mt-0"><a href="#"><i class="icon ion-logo-instagram mt-0"></i></a>
                        </li>
                        <li class="list-inline-item mt-0 ml-3"><a href="#"><i class="icon ion-logo-twitter"></i></a>
                        </li>
                        <li class="list-inline-item mt-0 ml-3"><a href="#"><i class="icon ion-logo-youtube"></i></a>
                        </li>
                        <li class="list-inline-item mt-0 ml-3"><a href="#"><i class="icon ion-logo-dribbble"></i></a>
                        </li>
                    </ul>-->
                </div>
            </div>
        </div>
    </footer>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
        crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
        crossorigin="anonymous"></script>
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.0.0/js/bootstrap.min.js"
        crossorigin="anonymous"></script>
    <!--<script src="https://unpkg.com/ionicons@5.0.0/dist/ionicons.js"></script>-->
</body>

</html>
